@charset "utf-8";

/* 这个css是初始化的css，在任何手机项目里面都可以使用 */

/* 禁用iPhone中Safari的字号自动调整 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/* 解决IOS默认滑动很卡的情况 */
	/* -webkit-overflow-scrolling : touch;  */
}
/* 取消链接高亮  */
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 图片自适应 */
img {
	width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	display: block;
	-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	margin: 0;
	padding: 0;
}
body {
	font: 12px/1.5 'Microsoft YaHei','宋体', Tahoma, Arial, sans-serif;
}
.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
img {
	border: none;
}
li{
    list-style: none;
}
.sec-rewards{
    background: url(../img/signedNewrc_bg.png) no-repeat;
    background-size: 100%;
    width: 100%;
    padding-top: 10vw;
    overflow: hidden;
  background-size:cover;
}
.rewardsC{
    margin-bottom: 6vw;
}
.rewardsC img{
    width: 61%;
    margin-left: 20%;
}
.noActiveTitle{
    margin-bottom: 6vw;
}
.noActiveTitle img{
    width: 58%;
    margin-left: 6%;
}
.no-active{
    min-height: 66.2vw;
}
.no-active ul{
    margin: 0 11%;
}
.no-active ul li{
    width: 34vw;
    height: 48vw;
    position: relative;
    margin-bottom: 5vw;
}
.no-active ul li>div{
    position: absolute;
    bottom: 0;
}
.no-active ul li:nth-child(2n+1){
    float: left;
}
.no-active ul li:nth-child(2n){
    float: right;
}
.no-active ul li img{
    width: 100%;
}
.no-active ul li div .bt{
    margin-top: 5vw;
    margin-left: 4vw;
}
.no-active ul li div .bt img{
    width: 27vw;
}
.no-active ul li p{
    color: #fff;
    font-size: 3vw;
    text-align: center;
    letter-spacing: 0.2vw;
    margin-top: 2vw;
}
/* 已过期样式 */
.alactive{
    margin-top: 5vw;
    min-height: 50vw;
}
.alactive .alactive_t{
    width: 33%;
    margin-left: 6vw;
}
.alactive ul{
    margin:  0 11%;
    margin-top: 3vw;
}
.alactive ul li{
    height: 35vw;
    position: relative;
    width: 34vw;
    margin-bottom: 5vw;
}
.alactive ul li:nth-child(2n+1){
    float: left;
}
.alactive ul li:nth-child(2n){
    float: right;
}
.alactive ul li>div{
    position: absolute;
    bottom: 0;
}
.alcative_img img{
    width: 34vw;
}
.alcative_img p{
    color: #fff;
    font-size: 3vw;
    text-align: center;
    letter-spacing: 0.2vw;
    margin-top: 2vw;
}
.footer_title{
    width: 35%;
    margin: auto;
    margin-bottom: 11vw;
}
.past-due{
    margin-bottom: 11vw;
}
.sec-rewards .past-due .past_img{
    width: 42vw;
}
.sec-rewards .past-due ul img{
    opacity: 0.5;
}

/*弹窗区块*/
.pop {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    background-size: 100% 100%;
    top: 0;
    left: 0;
    position: fixed;
    display:none;
}

.div {
    background: url("../img/signed_pop1.png") no-repeat;
    background-size:100% 100%;
    width:70%;
    height: 54vw;
    position: fixed;
    margin-left: 15%;
    top: 0;
    margin-top: 55%;
}
.cont {
    font-size: 4vw;
    color: #fff;
    position:  absolute;
    top: 4vw;
    width: 64%;
    margin-left: 18%;
    margin-top: 23%;
    text-align:  center;
    height: 20vw;
    display:  flex;
    align-items:  center;
    justify-content:  center;
}
.btns ul li {
    float:  left;
    width: 36%;
    margin-right:3%;
}
.btns ul li:nth-child(2n+2){margin-right: 0;}
.btns{
    width: 100%;
    position: absolute;
    bottom: 6%;
    margin-left: 12%;
    display:none;
}
.btn2 {
    position:  absolute;
    bottom: 6%;
    width: 44%;
    margin-left: 28%;
   
}
.cancel {
    position: fixed;
    float:  left;
    top: 117vw;
    width: 8%;
    left: 46%;
}
.no-active,.alactive,.past-due {
	position: relative;
}

.no-active .no_ac_img,.alactive .al_ac_img,.past-due .past_ac_img {
	position: absolute;
	top: 0;
	width: 60%;
	margin-left: 20%;
	top: 32vw;

}

.alactive .al_ac_img,.past-due .past_ac_img {
	top: 25vw;
}